﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="/static/assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="/static/assets/css/font-awesome.min.css" />
		<!--[if IE 7]>
		  <link rel="stylesheet" href="/static/assets/css/font-awesome-ie7.min.css" />
		<![endif]-->
		<link rel="stylesheet" href="/static/assets/css/ace.min.css" />
		<link rel="stylesheet" href="/static/assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="/static/assets/css/ace-skins.min.css" />
        <link rel="stylesheet" href="/static/css/style.css"/>
		<!--[if lte IE 8]>
		  <link rel="stylesheet" href="/static/assets/css/ace-ie.min.css" />
		<![endif]-->
		<script src="/static/assets/js/ace-extra.min.js"></script>
		<!--[if lt IE 9]>
		<script src="/static/assets/js/html5shiv.js"></script>
		<script src="/static/assets/js/respond.min.js"></script>
		<![endif]-->
		<script src="/static/js/jquery-1.9.1.min.js"></script>
        <script src="/static/assets/layer/layer.js" type="text/javascript"></script>
<title>登陆</title>
</head>

<body class="login-layout">
<div class="logintop">    
    <span>欢迎进入浚畅管理界面平台</span>    
    <ul>
    <li><a href="#">返回首页</a></li>
    <li><a href="#">帮助</a></li>
    <li><a href="#">关于</a></li>
    </ul>    
    </div>
    <div class="loginbody">
    <div class="login-container">
	<div class="center">
	<h1>
									<i class="icon-leaf green"></i>
									<span class="orange">江西浚畅</span>
									<span class="white">智能管网系统</span>
								</h1>
								<h4 class="white">Jiangxi Junchang Intelligent Management System</h4>
							</div>
							<div class="space-6"></div>
							<div class="position-relative">
								<div id="login-box" class="login-box widget-box no-border visible">
									<div class="widget-body">
										<div class="widget-main">
											<h4 class="header blue lighter bigger">
												<i class="icon-coffee green"></i>
												管理员登陆
											</h4>
											<div class="login_icon"><img src="/static/images/logo2.png" /></div>
											<form class="" id="userform">
												<fieldset>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control" placeholder="登录名"  name="name" id="name">
															<i class="icon-user"></i>
														</span>
													</label>
													<label class="block clearfix">
														<span class="block input-icon input-icon-right">
															<input type="text" class="form-control" placeholder="密码" name="password" id="password">
															<i class="icon-lock"></i>
														</span>
													</label>
													<div class="space"></div>
													<div class="clearfix">
														<label class="inline">
															<input type="checkbox" class="ace">
															<span class="lbl">保存密码</span>
														</label>
														<button type="button" class="width-35 pull-right btn btn-sm btn-primary" id="login_btn">
															<i class="icon-key"></i>
															登陆
														</button>
													</div>
													<div class="space-4"></div>
												</fieldset>
											</form>
										</div><!-- /widget-main -->
										<div class="toolbar clearfix">
										</div>
									</div><!-- /widget-body -->
								</div><!-- /login-box -->
							</div><!-- /position-relative -->
						</div>
                        </div>
                        <div class="loginbm">版权所有  2021  <a href="">江西浚畅排水设施维护有限公司</a> </div><strong></strong>
</body>
</html>
<script type="text/javaScript">
$('#login_btn').on('click', function(){
	     var num=0;
		 var str="";
		 var name=$("#name").val();
		 var password=$("#pad").val();
     $("input[type$='text']").each(function(n){
          if($(this).val()=="")
          {

			   layer.alert(str+=""+$(this).attr("name")+"不能为空！\r\n",{
                title: '提示框',
				icon:0,
          });

		    num++;
            return false;
          }
	 	 });

		  if(num>0){
			  return false;}
          else{
			  $.ajax({
				  url:"http://localhost:8080/index/login?name="+$("#name").val()+'&'+"password="+$("#password").val(),
				  type:"get",
				  data: {},
				  dataType: "json",
				  async: false,
				  success:function(data){
					 location.href="/index/index3";
					  layer.close(index);
				  },
				  error:function(e){
				  	alert("错误 ")
				  }
			  });

			  // layer.alert('登陆成功！',{
              //  title: '提示框',
			  //  icon:1,
			  // });
	          // location.href="index3.html";
			  //  layer.close(index);
		  }

	})

</script>
